const PlaceHolder = ({ title, bgc = 'red' }) => {
  return (
    <div
      className="p-5 w-100"
      style={{
        fontSize: '400%',
        color: 'white',
        backgroundColor: bgc,
        border: '10px solid lightgray',
        height: 500,
        lineHeight: '400px',
        textAlign: 'center',
      }}
    >
      {title}
    </div>
  )
}

export const titledPlaceHolder =
  (title, bgc, PH = PlaceHolder) =>
  () =>
    <PH title={title} bgc={bgc} />

export default PlaceHolder
